@import url("colors.css");

notebook>header.top>tabs>tab, notebook>header.bottom>tabs>tab{
	background: url("../asset/notebook-tab-inactive.png") border-box;
	background-size: 100% 100%;
}
notebook>header.top>tabs>tab:hover, notebook>header.bottom>tabs>tab:hover{
	background: url("../asset/notebook-tab-inactive-hover.png") border-box;
	background-size: 100% 100%;
}
notebook>header.top>tabs>tab:checked, notebook>header.bottom>tabs>tab:checked{
	background: url("../asset/notebook-tab.png") border-box;
	background-size: 100% 100%;
}
notebook>header.top>tabs>tab:checked:hover, notebook>header.bottom>tabs>tab:checked:hover{
	background: url("../asset/notebook-tab-hover.png") border-box;
	background-size: 100% 100%;
}
notebook>header.top>tabs>tab:backdrop, notebook>header.bottom>tabs>tab:backdrop{
	background: url("../asset/notebook-tab-inactive-backdrop.png") border-box;
	background-size: 100% 100%;
}
notebook>header.top>tabs>tab:checked:backdrop, notebook>header.bottom>tabs>tab:checked:backdrop{
	background: url("../asset/notebook-tab-backdrop.png") border-box;
	background-size: 100% 100%;
}
notebook>header.top>tabs>tab:disabled, notebook>header.top>tabs>tab:backdrop:disabled, notebook>header.bottom>tabs>tab:disabled, notebook>header.bottom>tabs>tab:backdrop:disabled{
	background: url("../asset/notebook-tab-inactive-disabled.png") border-box;
	background-size: 100% 100%;
}
notebook>header.top>tabs>tab:disabled:checked, notebook>header.top>tabs>tab:backdrop:disabled:checked, notebook>header.bottom>tabs>tab:disabled:checked, notebook>header.bottom>tabs>tab:backdrop:disabled:checked{
	background: url("../asset/notebook-tab-disabled.png") border-box;
	background-size: 100% 100%;
}
notebook>header.left>tabs>tab, notebook>header.right>tabs>tab{
	background: url("../asset/notebook-tab-vertical-inactive.png") border-box;
	background-size: 100% 100%;
}
notebook>header.left>tabs>tab:hover, notebook>header.right>tabs>tab:hover{
	background: url("../asset/notebook-tab-vertical-inactive-hover.png") border-box;
	background-size: 100% 100%;
}
notebook>header.left>tabs>tab:checked, notebook>header.right>tabs>tab:checked{
	background: url("../asset/notebook-tab-vertical.png") border-box;
	background-size: 100% 100%;
}
notebook>header.left>tabs>tab:checked:hover, notebook>header.right>tabs>tab:checked:hover{
	background: url("../asset/notebook-tab-vertical-hover.png") border-box;
	background-size: 100% 100%;
}
notebook>header.left>tabs>tab:backdrop, notebook>header.right>tabs>tab:backdrop{
	background: url("../asset/notebook-tab-vertical-inactive-backdrop.png") border-box;
	background-size: 100% 100%;
}
notebook>header.left>tabs>tab:checked:backdrop, notebook>header.right>tabs>tab:checked:backdrop{
	background: url("../asset/notebook-tab-vertical-backdrop.png") border-box;
	background-size: 100% 100%;
}
notebook>header.left>tabs>tab:disabled, notebook>header.left>tabs>tab:backdrop:disabled, notebook>header.right>tabs>tab:disabled, notebook>header.right>tabs>tab:backdrop:disabled{
	background: url("../asset/notebook-tab-vertical-inactive-disabled.png") border-box;
	background-size: 100% 100%;
}
notebook>header.left>tabs>tab:disabled:checked, notebook>header.left>tabs>tab:backdrop:disabled:checked, notebook>header.right>tabs>tab:disabled:checked, notebook>header.right>tabs>tab:backdrop:disabled:checked{
	background: url("../asset/notebook-tab-vertical-disabled.png") border-box;
	background-size: 100% 100%;
}
notebook>header.top>tabs>tab{
	border: solid 2px;
	border-bottom: 0px;
	border-image: url("../asset/border-notebook-tab-dark.png") 10% 10% 10% 10%;
	border-image-width: 5 5 5 5;
}
notebook>header.bottom>tabs>tab{
	border: solid 2px;
	border-top: 0px;
	border-image: url("../asset/border-notebook-tab-dark.png") 10% 10% 10% 10%;
	border-image-width: 5 5 5 5;
}
notebook>header.left>tabs>tab{
	border: solid 2px;
	border-right: 0px;
	border-image: url("../asset/border-notebook-tab-dark.png") 10% 10% 10% 10%;
	border-image-width: 5 5 5 5;
}
notebook>header.right>tabs>tab{
	border: solid 2px;
	border-left: 0px;
	border-image: url("../asset/border-notebook-tab-dark.png") 10% 10% 10% 10%;
	border-image-width: 5 5 5 5;
}
notebook>header.top>tabs>tab:checked{
	border: solid 2px;
	border-bottom: 0px;
	border-image: url("../asset/border-notebook-tab.png") 10% 10% 10% 10%;
	border-image-width: 5 5 5 5;
}
notebook>header.bottom>tabs>tab:checked{
	border: solid 2px;
	border-top: 0px;
	border-image: url("../asset/border-notebook-tab.png") 10% 10% 10% 10%;
	border-image-width: 5 5 5 5;
}
notebook>header.left>tabs>tab:checked{
	border: solid 2px;
	border-right: 0px;
	border-image: url("../asset/border-notebook-tab.png") 10% 10% 10% 10%;
	border-image-width: 5 5 5 5;
}
notebook>header.right>tabs>tab:checked{
	border: solid 2px;
	border-left: 0px;
	border-image: url("../asset/border-notebook-tab.png") 10% 10% 10% 10%;
	border-image-width: 5 5 5 5;
}
notebook>header.top{
	border-bottom: solid 1px rgb(30,10,3);
}
notebook>header.bottom{
	border-top: solid 1px rgb(30,10,3);
}
notebook>header.left{
	border-right: solid 1px rgb(30,10,3);
}
notebook>header.right{
	border-left: solid 1px rgb(30,10,3);
}
notebook>header{
	background: @header-bg;
}
notebook>header:backdrop{
	background: @header-bg-backdrop;
}
notebook>header:disabled, notebook>header:backdrop:disabled{
	background: @header-bg-disabled;
}
notebook>header>tabs>tab:checked{
	color: @tab-fg-checked;
}
notebook>header>tabs>tab:checked:hover{
	color: @tab-fg-checked-hover;
}
notebook>header>tabs>tab:checked:backdrop>label{
	color: @tab-fg-checked-backdrop;
}
notebook>header>tabs>tab:disabled:checked>label, notebook>header>tabs>tab:backdrop:disabled:checked>label{
	color: @tab-fg-checked-disabled;
}
notebook>stack{
	background: @view-bg;
	color: @entry-fg;
}
notebook>stack:backdrop{
	background: @view-bg-backdrop;
}
notebook>stack:disabled, notebook>stack>backdrop>disabled{
	background: @view-bg-disabled;
}
notebook>header>tabs>tab button, notebook>header>tabs>tab button:hover, notebook>header>tabs>tab button:backdrop, notebook>header>tabs>tab button:disabled, notebook>header>tabs>tab button:backdrop:disabled{
	border: none;
	background: none;
	min-height: 10px;
	min-width: 10px;
}
notebook>stack button{
	color: @window-fg;
}
notebook scrolledwindow{
	border: none;
}